<script setup>
import { defineProps, ref } from 'vue';

const props = defineProps({
  message: {
    type: String,
    required: true
  }
});
const emit=defineEmits(["select"]);
const goods=ref({
  name:'鱼子酱',
  pie:9.9,
  number:100
});
import mitter from '../utils/mitt';
function Goods(){
   mitter.emit('someEvent','兄弟之间传参!')
}
</script>
<template>
   <a-button type="primary" @click="Goods">选择</a-button>
    <el-page-header icon="">
        <template #content>
            {{message}}
            <div class="flex items-center">
                <el-avatar
                    :size="32"
                    class="mr-3"
                    src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
                />
                <span class="text-large font-600 mr-3"> Title </span>
                <span class="text-sm mr-2" style="color: var(--el-text-color-regular)"> </span>
                <el-tag> {{ message }}</el-tag>
            </div>
        </template>
        <template #extra>
            <div class="flex items-center">
                <el-button>Print</el-button>
                <el-button type="primary" class="ml-2">Edit</el-button>
            </div>
        </template>
    </el-page-header>
</template>
